@use "@/assets/styles/mixin";

.client-manager {
  @include mixin.flex-column;
  height: 100%;
  background-color: #fff;
  box-shadow: 4px 5px 16px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

:deep(.el-tabs__header) {
  margin-bottom: 0 !important;
}

:deep(.el-tabs__nav-wrap:after) {
  background-color: #F5F7FA !important;
}
.client-info {
  @include mixin.flex-column;
  height: 100%;
  &-tabs {
    @include mixin.flex-center(space-between, center);
    padding: 20px 20px 0 20px;
    border-bottom: 1px solid var(--el-border-color-light);
    :deep(.el-tabs__nav-wrap:after) {
      display: none;
      background-color: var(--el-border-color-light);
      bottom: 0;
      content: "";
      height: 2px;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: var(--el-index-normal);
    }
    .button-container {
      white-space: nowrap;
      .back-page {
        width: 92px;
        height: 36px;
        background-color: #f2f3f5;
        font-weight: 400;
        font-size: 14px;
        color: #1d2129;
      }
    }
  }
}
